<?php

use Fisharebest\Webtrees\Http\RequestHandlers\GedcomLoad;
use Fisharebest\Webtrees\I18N;

?>

<div class="progress" id="progress<?= e($tree->id()) ?>">
    <div
        class="progress-bar"
        role="progressbar"
        aria-valuenow="<?= $progress * 100 ?>"
        aria-valuemin="0"
        aria-valuemax="100"
        style="width: <?= $progress * 100 ?>%; min-width: 40px;"
    >
        <?= I18N::percentage($progress, 1) ?>
    </div>
</div>

<?php if ($errors === '') : ?>
    <script>
        $("#import<?= e($tree->id()) ?>")
            .load("<?= route(GedcomLoad::class, ['tree' => $tree->name()]) ?>", {});
    </script>
<?php else : ?>
    <div class="alert alert-danger">
        <?= $errors ?>
    </div>

    <button class="btn btn-primary" onclick="" id="error-button-<?= $tree->id() ?>">
        <?= I18N::translate('continue') ?>
    </button>

    <script>
        $("#error-button-<?= $tree->id() ?>").click(function () {
            $("#import<?= e($tree->id()) ?>")
                .load("<?= route(GedcomLoad::class, ['tree' => $tree->name()]) ?>", {});
        });
    </script>
<?php endif ?>
